﻿<!DOCTYPE html>
<html>
<head>
   <mate charset="utf-8"/>
   <title>块标签及行内元素</title>
</head>
<body>
   <p style="color:red;font-size:40px;">实创网络协会作业</p>
   
  <div>
		内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容
	</div>	
	<div style="width:800px;background-color:red;">
		内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容
	</div>

	<div style="width:100%;background-color:blue">
		内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容<br/>
		宽度默认是和父元素宽度相等。
	</div>

	<div style="background-color:#ccc">
		内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容<br/>
		内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容<br/>
		高度由内容决定
	</div>

	<div style="height: 120px;background-color:#f0f;">
		内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容<br/>
		内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容<br/>
		内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容<br/>
		内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容<br/>
		高度由内容决定
	</div>

	<hr/>

	<span style="background-color: #fda;height: 100px;width:800px;">
	内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容 —— 内容<br/>
	无法设置宽度和高度;
	</span>
    <div style="color:yellow;border:solid thick red;width:700px;margin:50px auto 0px;padding:20px;">
	    <div style="line-height:30px;border-bottom:6px solid blue;padding:10px 20px 10px;text-indent:2em">
		    一个人的一生应该这样度过，当他回首往事的时候，不因虚度光阴而悔恨；也不因碌碌无为而羞愧，
			这样他就能够说："我把我的一生献给伟大的共产主义事业。"
			一个人的一生应该这样度过，当他回首往事的时候，不因虚度光阴而悔恨；也不因碌碌无为而羞愧，
			这样他就能够说："我把我的一生献给伟大的共产主义事业。"
		</div>  
	    <div style="padding-left:20px;padding:0px 20px 10px;margin-top:20px;line-height:30px;text-indent:2em">
		     一个人的一生应该这样度过，当他回首往事的时候，不因虚度光阴而悔恨；也不因碌碌无为而羞愧，
			 这样他就能够说："我把我的一生献给伟大的共产主义事业。"
		</div>
	</div>
	
	<div style="border:thick solid #ccc;width:700px;margin:50px auto 0px;padding:20px;">
		<div style="line-height:30px;border-bottom:1px dashed #f00;padding:0px 20px 10px;text-indent:2em">
			11月22日--------------------------------------11月22日--------------------------------------
			11月22日--------------------------------------11月22日-----------------------------------g 
		</div>
		<div style="padding-left:20px;padding:0px 20px 10px;margin-top:20px;line-height:30px;text-indent:2em">
			11月22日--------------------------------------11月22日--------------------------------------
			11月22日--------------------------------------11月22日-----------------------------------g 
		</div>
	</div>
	<div style="border:thick solid red;width:700px;margin:50px auto 20px;padding:20px;">
	    <div style="line-height:30px;border-bottom:1px dashed red;pver;padding:1px 20px 10px;text-indent:2em;">
		 11月22日，江西宜春人邹怀生因同村三个村民一起在山中挖了一个干红树根···
		</div>
		<div style="padding-left:20px;padding:0px 20px 10px;margin-top:20px;line-height:30px;text-indent:2em;">
		 11月22日，江西宜春人邹怀生因同村三个村民一起在山中挖了一个干红树根,
		 11月22日，江西宜春人邹怀生因同村三个村民一起在山中挖了一个干红树根,	
         11月22日，江西宜春人邹怀生因同村三个村民一起在山中挖了一个干红树根···【详情】	    		 
		</div>
	</div>
	<span style="color:blue;font-size:34px">江西理工大学应用科学学院</span>
	<span style="border:thick solid blue;margin:20px;border-bottom:8px;width:90px;padding:20px auto 20px;color:red;font-size:30px;">
	江西理工大学应用科学学院</span>
	<div style="padding-left:20px;padding:0px 20px 10px;margin-top:20px;line-height:30px;text-indent:2em">
			11月22日--------------------------------------11月22日--------------------------------------
			11月22日--------------------------------------11月22日-----------------------------------g 
		</div>
  <span style="border:thick solid blue;margin:60px;border-bottom:12px;width:120px;padding:70px auto 20px;color:red;font-size:30px;">
    江西理工大学应用科学学院</span>
  </body>
</html>